<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>我的金蛋</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/zepto_fx.js' charset='utf-8'></script>
		<link rel="stylesheet" type="text/css" href="../../css/all.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css">
		<link rel="stylesheet" type="text/css" href="myegg.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../css/person/iconfont.css">
		
		<style>
			body {
				font-family: "微软雅黑";
			}
			a {
				color: #000;
			}
			a:active, a:link, a:visited, a:hover {
				color: #000;
				text-decoration: none;
			}
			.list-block .item-inner:after {
				content: none;
			}
			.bar {
				z-index: 0;
			}
		</style>
	</head>
	<body>
		<div class="page-group">
			<!-- 你的html代码 -->
			<div class="page">
				<header class="bar bar-nav" id="header">
					<a class="icon pull-left" id="back"><i  class="iconfont icon-xiangzuo1" style="font-size: 28px;color: #999 "></i></a>
					<h1 class="title" id="title">砸蛋</h1>
					<!--<a class="top-bar-right" id="choose">筛选<i class="icon iconfont icon-top"></i></a>-->
				</header>
				<!--<ul class="secondul">
					<li class="first"></li>
					<li id="week">
						近七天
					</li>
					<li id="mouth">
						近一个月
					</li>
					<li id="threeMouth">
						近三个月
					</li>
					<li class="last" id="sixMouth">
						近半年
					</li>
				</ul>-->
				<div class="content" style="background-color: #f0f0f0;">
					<div class="content-block">
						<div class="imgtop">
							<div>
								
								<div class="fanzt-egg" id="GoldEgg">
								<span class="guize">砸蛋规则</span>
									<div id='showGoldEgg' style="display:none">
										<div class="fanzt-egg-img" data-flag="0" onClick="eggClick(this)  " id="jd">
											<img src="../../image/egg_1.png" id="egg" style="width: 50%;">
										</div>
										<div class="fanzt-chuizi" id="jcz"><img src="../../image/img-6.png">
										</div>
										<div class="fanzt-hua" id="jinhua"><img src="../../image/img-4.png"  style="width: 50%;">
										</div>
										<div class="fanzt-message" id="GoldEggB">
											<b></b>
										</div>
									</div>
								</div>
								
								<div class="fanzt-egg" id="SilverEgg">
								<span class="guize">砸蛋规则</span>
								<div id='showSilverEgg' style="display:none">
									<div class="fanzt-egg-img" data-flag="0" onClick="clickSilverEgg(this)" id="yd">
										<img src="../../image/egg3.png" id="SEgg" style="width: 50%;">
									</div>
									<div class="fanzt-chuizi" id="ycz"><img src="../../image/img-6.png">
									</div>
									<div class="fanzt-hua" id="yinhua"><img src="../../image/img-4.png"  style="width: 50%;">
									</div>
									<div class="fanzt-message" id="SilverEggB">
										<b></b>
									</div>
									</div>
								</div>
								
							</div>
						</div>
						<div class="imgbottom" id="back_tab1" style="display: none">
							<img src="../../image/ring_02.png" alt="" />
							<p class="waiting">
								加载到0条数据
							</p>
						</div>
						<div class="infinite-scroll list-block">
						<div class="Personal_title">
								<span class="special span1">金蛋</span><span class="span2">银蛋</span>
								<div class="clearfix"></div>
							</div>
							<ul class="detailUl" id="ul_tab1">
								<!--<li class="item-content"><div class="item-inner"><div class="item-title">2017-52-25</div><div class="item-mid"><img src="../../image/yin.png" alt="" class="img1"/><span class="span1">1000</span></div><div class="item-last"><img src="../../image/jinbi.png" alt="" class="img2"/><span class="span2">258.235</span></div></div></li>-->
							<!--<li class="item-content">
									<div class="item-inner">
										<div class="item-title">
											2017-01-02
										</div>
										<div class="item-mid">
											<img src="../../image/jin.png"/>
											<span >2</span>
										</div>
										<div class="item-after">
											<img src="../../image/jinbi.png"/>
											<span>2</span>
										</div>
									</div>
								</li>
								<li class="item-content">
									<div class="item-inner">
										<div class="item-title">
											2017-01-02
										</div>
										<div class="item-mid">
											<img src="../../image/jin.png"/>
											<span >2.5</span>
										</div>
										<div class="item-after">
											<img src="../../image/jinbi.png"/>
											<span>2.5</span>
										</div>
									</div>
								</li>-->
								<!--<span>1月</span>
								<li class="item-content">
									<div class="item-inner">
										<div class="item-title">
											2017-01-02
										</div>
										<div class="item-after">
											<i class="iconfont icon-aixin3"></i>
											<span class="red">2000</span>
										</div>
										<div class="item-after">
											<i class="iconfont icon-meidou"></i>
											<span class="orange">+1000</span>
										</div>
									</div>
								</li>
								<li class="item-content">
									<div class="item-inner">
										<div class="item-title">
											2017-01-02
										</div>
										<div class="item-after">
											<i class="iconfont icon-aixin3"></i><span class="red">2000</span>
										</div>
										<div class="item-after">
											<i class="iconfont icon-meidou"></i><span class="orange">+1000</span>
										</div>
									</div>
								</li>-->
								
							</ul>
							<ul class="detailUl" id="ul_tab2">
								
							</ul>
							<!-- 加载提示符 -->
							<!--<div class="infinite-scroll-preloader">
								<div class="preloader"></div>
							</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="showBox" id="showBox" style="display: none">
			<div class="showDiv">
				<!--<div class="showclose">-->
					<img src="../../image/eggClose.png" alt="" class="closeTan"/>
					<div class="showContent">
						<span>小客科技恭喜您砸得</span>
						<span id="smashCount"></span>
						<span>小客为您开启智慧生活</span>
						<div class='showOther'>
							<!--<span>查看详情</span>-->
							<span class="closeTan">领金币</span>
						</div>
					</div>
				<!-- </div>	 -->
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="myegg.js"></script>
	<script>
	$("#choose").on('click', function() {
		var top = $(this).children().hasClass('icon-top');
		if (top) {
			$(".secondul").show();
			$(this).children().removeClass('icon-top').addClass('icon-down');
		} else {
			$(".secondul").hide();
			$(this).children().removeClass('icon-down').addClass('icon-top');
		}
	});
	
	$(".Personal_title .span2").click(function(){
//	银蛋记录的展示
		silverReacd();
		//isHaveSilverEgg();
		$(this).addClass("special").prev().removeClass("special");
		$("#GoldEgg").hide();
		$("#SilverEgg").show();
		$("#ul_tab1").hide();
		$("#ul_tab2").show();
//		$("#SEgg").attr("src", "../../image/egg3.png");
//		$("#jinhua").hide();
//		$("#egg").hide();
//		$("#GoldEgg b").hide();
//		$(".Personal_centent").hide().eq(1).show();
	})
	$(".Personal_title .span1").click(function(){
		$(this).addClass("special").next().removeClass("special");
//		$(".Personal_centent").hide().eq(1).show();
		$("#GoldEgg").show();
		$("#SilverEgg").hide();
		$("#ul_tab2").hide();
		$("#ul_tab1").show();
//		$("#yinhua").hide();
//		$("#jinhua").show();
//		$("#jinhua").show();
//		$("#egg").show();
//		$("#yinhua").hide();
//		$("#egg").show();		
//		$("#SilverEgg b").hide();
	})
		
	</script>
</html>